﻿/**
 Copyright 2008 ZHENG Zhong <heavyzheng nospam at gmail D0T com>
  - http://heavyz.blogspot.com/
  - http://buggarden.blogspot.com/

 Stylesheet for blog*spot template, created on 2008-04-30.

 Last changed at $Date: 2008-05-23 07:45:25 +0000 (Fri, 23 May 2008) $ by $Author: heavyzheng $, $Revision: 101 $
 $HeadURL: http://buggarden.googlecode.com/svn/skinz/common/common.css $
 */

/* HTML element styles ****************************************************************************/

body {
  font-family: arial,sans-serif;
  font-size: 90%;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  background-color: #FFFFFF;
  text-align: center;
  margin: 0;
  padding: 0;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a img {
  border-width: 0;
}

abbr {
  border-width: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Trebuchet MS',arial,sans-serif;
}

ol li {
  list-style-type: decimal;
  margin-left: 0.2em;
}

ul li {
  list-style-type: square;
  margin-left: 0.2em;
}

li p {
  margin: 0;
}

code, pre {
  font-family: 'Courier New',courier,arial, sans-serif;
  font-size: 90%;
  font-style: normal;
  font-weight: normal;
  color: #444444;
}

pre {
  margin: 0;
  padding: .5em;
  border-color: #888888;
  border-style: solid;
  border-width: 1px;
}


/* common style classes ***************************************************************************/

.clear {
  clear: both;
}


/* wrapper styles *********************************************************************************/

#outer-wrapper {
  text-align: left;
  margin: 0 auto;
  padding: 20px 0 20px 0;
}

#header-wrapper {
  margin: 0 0 10px 0; /* leave space on bottom */
  padding: 0;
  text-align: left;
}

#sidebar-wrapper {
  display: inline;
  float: left;
  text-align: left;
  margin: 0;
  padding: 0 0 0 5px; /* leave space on left */
}

#content-wrapper {
  display: inline;
  float: right;
  text-align: left;
  margin: 0;
  padding: 0 8px 0 0; /* leave space on right */
}

#footer-wrapper {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 90%;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  margin: 0;
  padding: 6px;
  clear: both;
}


/* styles inside header-wrapper *******************************************************************/

/** Blog title. */
#header-wrapper .widget h1 {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 160%;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  padding: 30px 20px 0 20px;
}

/** Sometimes blog title may be an anchor inside h1. */
#header-wrapper .widget h1 a,
#header-wrapper .widget h1 a:link,
#header-wrapper .widget h1 a:hover,
#header-wrapper .widget h1 a:visited {
  /* keep the header anchor color consistent with header color. */
}

/** Blog description. */
#header-wrapper .widget .description {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 100%;
  font-style: italic;
  font-weight: normal;
  margin: 0;
  padding: 5px 20px 0 20px;
}


/* styles inside sidebar-wrapper ******************************************************************/

/** Sidebar widget title. */
#sidebar-wrapper .widget h2 {
  font-family: 'Century Gothic',helvetica,sans-serif;
  font-size: 110%;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  padding: 15px 0 15px 0;
  text-transform: uppercase;
}

#sidebar-wrapper .widget .widget-content {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 90%;
  font-style: normal;
  font-weight: normal;
}

#sidebar-wrapper .widget .widget-content dl {
  clear: both;
  margin: 0;
  padding-top: 5px;
}
      
#sidebar-wrapper .widget .widget-content dl dt {
  font-weight: bold;
}

#sidebar-wrapper .widget .widget-content dl dd {
  margin-left: 15px;
}

#sidebar-wrapper .widget .widget-content ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  list-style-image: none;
  border-width: 0;
}

#sidebar-wrapper .widget .widget-content ul li,
#sidebar-wrapper .widget .widget-content ul li.archivedate {
  background: none;
  list-style: none;
  list-style-image: none;
  list-style-position: outside;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #DDDDDD;
  text-indent: -15px;
  padding: 4px 16px 4px 16px;
  margin: 0;
  background-image: none;
}

/* styles for some sidebar widgets ****************************************************************/

/** The profile widget. */
#sidebar-wrapper .Profile .widget-content img.profile-img {
  margin: 0;
  padding: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
}

/** The slideshow widget. */
#sidebar-wrapper .Slideshow .widget-content .slideshow-container {
  padding: 2px;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
}

/** The blogger button widget. */
#sidebar-wrapper .BloggerButton .widget-content img {
  margin: 20px 0 20px 0;
  padding: 0;
}

/** The google adsense widget. */
#sidebar-wrapper .AdSense .widget-content {
  margin: 20px 0 20px 0;
  padding: 0;
}


/* styles inside content-wrapper ******************************************************************/

/** Blog post date. */
#content-wrapper .widget .date-header {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 90%;
  font-style: normal;
  font-weight: normal;
  margin: 10px 0 0 0;
  padding: 6px 10px 6px 10px;
}

/** Blog post container containing post title, post body and post footer, but NOT post date. */
#content-wrapper .widget .post {
  padding: 10px;
  border-width: 0 0 1px 0;
}

/** Blog post title. */
#content-wrapper .widget .post .post-title {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 140%;
  font-style: normal;
  font-weight: bold;
  margin-top: 0px;
}

/** Blog post body. */
#content-wrapper .widget .post .post-body {
  line-height: 1.4em;
}

/** Subtitles inside a blog post body (using 'big' tag). */
#content-wrapper .widget .post .post-body big {
  font-family: 'Trebuchet MS',arial,sans-serif;
}

/** Blog post footer containing author, timestamp, comments, back links and labels. */
#content-wrapper .widget .post .post-footer {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 90%;
  font-style: normal;
  font-weight: normal;
  margin: 10px 0 0 0;
  padding: 6px 10px 6px 10px;
}

#content-wrapper .widget .post .post-footer p {
  margin: 0;
  padding: 0;
}

#content-wrapper .widget .post .post-footer .post-author,
#content-wrapper .widget .post .post-footer .post-timestamp,
#content-wrapper .widget .post .post-footer .post-comment-link,
#content-wrapper .widget .post .post-footer .post-backlinks,
#content-wrapper .widget .post .post-footer .post-labels {
  padding: 0 8px 0 0; /* leave space on the right */
}

/** Blog pager, blog feeds and post feeds. */
#content-wrapper .widget .blog-pager,
#content-wrapper .widget .blog-feeds,
#content-wrapper .widget .post-feeds {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 90%;
  font-style: normal;
  font-weight: normal;
  margin: 2px;
  padding: 2px;
}

/** Blog pager containing links to newer posts, older posts and home page. */
#content-wrapper .widget .blog-pager {
  text-align: center;
}

/* Link to newer posts inside blog pager. */
#content-wrapper .widget .blog-pager #blog-pager-newer-link {
  float: left;
}

/* Link to older posts inside blog pager. */
#content-wrapper .widget .blog-pager #blog-pager-older-link {
  float: right;
}

/** Blog post comments container. */
#content-wrapper .widget .comments {
  margin: 0;
  padding: 0;
  border-width: 0 0 1px 0;
}

/** Title displaying how many comments on the blog post. */
#content-wrapper .widget .comments h4 {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 120%;
  font-style: normal;
  font-weight: bold;
}

/** Blog post comments blog containing all comments on the post. */
#content-wrapper .widget .comments #comments-block {
  /* do nothing */
}

/** Comment author. */
#content-wrapper .widget .comments #comments-block .comment-author {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 110%;
  font-style: normal;
  font-weight: bold;
  margin: 5px;
}

/** Comment body. */
#content-wrapper .widget .comments #comments-block .comment-body {
  line-height: 1.4em;
  padding: 0 0 0 20px;
  margin: 0 20px 0 20px;
  border-width: 0 0 0 6px;
  border-style: solid;
}

/** ? */
#content-wrapper .widget .comments #comments-block .deleted-comment {
  font-style: italic;
  line-height: 1.4em;
}

/** Comment timestamp. */
#content-wrapper .widget .comments #comments-block .comment-footer {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 90%;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 20px 0;
  padding: 4px 10px 4px 10px;
}

/** The comment footer paragraph containing a link to post a comment. */
#content-wrapper .widget .comments p.comment-footer {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 100%;
  font-style: normal;
  font-weight: bold;
}

/** ? */
#content-wrapper .widget .comments .comment-link {
  /* no margin: margin-left: 0.6em; */
}




